html, body, .page, .main, .col-left, .col-main { height: 100%; }

body { margin:0 }

/* Main */

.main { overflow: hidden; width: 100%; }

.col-left, .col-main { overflow: auto; }

.vsplitbar { width: 5px; background: #DCEBF9; }

.loading { 
text-indent: -9999px;
background: url(../images/loading.gif) no-repeat;
height: 31px;
width: 31px;
position: fixed;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
z-index: 100;
}

#viewport { font: 14px/20px georgia, serif; }

#edit-containter { position: absolute; top: 0; right: 0; }

/* Context Menu */
#cmenu {
font: normal 11px/13px Verdana;
position: absolute;
z-index: 999;
list-style-type: none;
margin: 0;
padding: 0;
background-color: #F0F0F0;
width: 150px;
border: solid 1px #CCC;
}

#cmenu .item {
padding: 3px 5px;
border: solid 1px transparent;
border-left: none;
border-right: none;
}

#cmenu .item:hover {
background-color: #DCEBF9;
border-color: #CCC;
cursor: pointer;
}

#cmenu .item:last-child { border-bottom: none; }

#cmenu .item:first-child { border-top: none; }
